import 'package:flutter/material.dart';
import 'package:xiaotiancai/style.dart';
class MePage extends StatefulWidget{
  const MePage({super.key});
  @override
  State<StatefulWidget> createState()=>_ShoppingCartPage();
}
class _ShoppingCartPage extends State<MePage>{
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Container(
        color: Style.background,
        child: SingleChildScrollView(
          child: Column(children:[
            const Padding(
              padding: EdgeInsets.symmetric(
                  vertical: 20
              ),
              child: Center(
                child: Text("个人中心",style: TextStyle(
                    fontSize: 16,color: Colors.black
                ),),
              ),
            ),
            Stack(alignment: Alignment.bottomCenter,children: [
              Padding(
                padding: const EdgeInsets.only(bottom: 120),
                child: Container(
                  decoration: const BoxDecoration(
                      gradient: LinearGradient(colors: [
                        Color(0xffff7603),
                        Color(0xffff6750),
                      ])
                  ),
                  padding: const EdgeInsets.only(left: 20,right: 20,top: 30,bottom: 40),
                  child: Column(children: [
                    Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
                      Row(children: [
                        Container(
                          padding: const EdgeInsets.all(40),
                          decoration: const BoxDecoration(image: DecorationImage(image: NetworkImage("https://static-assets-prod.okii.com/xtc-products/z8/pc/scene-section/bg5.jpg"),fit: BoxFit.cover),shape: BoxShape.circle),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 10),
                          child: Row(
                            children: [
                              Column(crossAxisAlignment: CrossAxisAlignment.start,children:  [
                                Row(
                                  children:[
                                    const Text("昵称",style: TextStyle(color: Colors.white,fontWeight: FontWeight.bold,fontSize: 16),),
                                    const SizedBox(width: 10,),
                                    Container(decoration: BoxDecoration(
                                        color:Style.font1,
                                        borderRadius: const BorderRadius.all(Radius.circular(10),),
                                        border: Border.all(color: Style.background2)
                                    ),padding:const EdgeInsets.symmetric(horizontal: 5,vertical: 2),child:  Center(
                                      child: Text("小天才会员",style: TextStyle(
                                          color: Style.background2,fontSize: 12
                                      ),),
                                    ),)
                                  ],
                                ),
                                Text("小天才IDL:234567890",style: TextStyle(
                                    color: Colors.white.withAlpha(200),
                                    fontSize: 13
                                ),),
                              ],),

                            ],
                          ),
                        )
                      ],),
                      Column(children:const [
                        Icon(Icons.qr_code,color: Colors.white,),
                        Text("会员码",style: TextStyle(color: Colors.white),),
                      ])
                    ],),
                    Padding(
                      padding: const EdgeInsets.symmetric(vertical: 20),
                      child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround,children: [
                        Expanded(
                          flex: 1,
                          child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: const [
                            Text("天才豆",style: TextStyle(color: Colors.white),),
                            Text("0",style: TextStyle(
                                color: Colors.white,
                                fontSize: 18
                            )),
                          ]),
                        ),
                        const Text("|"),
                        Expanded(
                          flex: 1,
                          child: Row(mainAxisAlignment: MainAxisAlignment.spaceAround,children: const [
                            Text("优惠券",style: TextStyle(color: Colors.white)),
                            Text("0",style: TextStyle(
                                color: Colors.white,
                                fontSize: 18
                            ),),
                          ],),
                        ),
                      ],),
                    )
                  ],),
                ),
              ),

              Padding(
                padding: const EdgeInsets.symmetric(vertical: 20,horizontal: 20),
                child: Container(
                  padding: const EdgeInsets.all(15),
                  decoration: const BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.all(Radius.circular(10))
                  ),
                  child: Column(children: [
                    Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
                      const Text("会员中心",style: TextStyle(fontSize: 18),),
                      Text("获取权益>",style: TextStyle(
                          color: Colors.grey.withAlpha(250)
                      ),),
                    ],),
                    Row(children: [
                      Expanded(flex: 1,child: Container(
                        decoration: const BoxDecoration(
                            color: Color(0xfffbfbfb),
                            borderRadius: BorderRadius.all(Radius.circular(10))
                        ),
                        child: Row(children: [
                          Expanded(child: Padding(
                            padding: const EdgeInsets.symmetric(vertical: 10,horizontal: 5),
                            child: Column(crossAxisAlignment: CrossAxisAlignment.start,children: const [
                              Text("任务广场",style: TextStyle(
                                  fontSize: 16,fontWeight: FontWeight.bold
                              ),),
                              Text("做任务领天才豆",style: TextStyle(color: Color(0xffb1b2bf),fontSize: 12),),
                            ],),
                          )),
                          const Padding(padding: EdgeInsets.only(right: 2),child: Icon(Icons.ac_unit,size: 35,))
                        ],),),),
                      const SizedBox(width: 10,),
                      Expanded(flex: 1,child: Container(
                        decoration: const BoxDecoration(
                            color: Color(0xfffbfbfb),
                            borderRadius: BorderRadius.all(Radius.circular(10))
                        ),
                        child: Row(children: [
                          Expanded(child: Padding(
                            padding: const EdgeInsets.symmetric(vertical: 10,horizontal: 5),
                            child: Column(crossAxisAlignment: CrossAxisAlignment.start,children: const [
                              Text("兑换广场",style: TextStyle(
                                  fontSize: 16,fontWeight: FontWeight.bold
                              )),
                              Text("买前先兑换券",style: TextStyle(color: Color(0xffb1b2bf),fontSize: 12)),
                            ],),
                          )),
                          const Padding(padding: EdgeInsets.only(right: 2),child: Icon(Icons.ac_unit,size: 35,))
                        ],),),),
                    ],),
                  ],),
                ),
              )
            ],),

            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20),
              child: Container(
                decoration: const BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(10))
                ),
                child: Padding(
                  padding: const EdgeInsets.all(15),
                  child: Column(crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      const Text("我的订单",style: TextStyle(
                          fontSize: 18
                      ),),
                      const SizedBox(height: 10,),
                      Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
                        Column(children: const [
                          Icon(Icons.account_balance_wallet_outlined),
                          Text("待付款",style: TextStyle(fontSize: 12),)
                        ],),
                        Column(children: const [
                          Icon(Icons.account_balance_wallet_outlined),
                          Text("待发货",style: TextStyle(fontSize: 12))
                        ],),
                        Column(children: const [
                          Icon(Icons.account_balance_wallet_outlined),
                          Text("待收货",style: TextStyle(fontSize: 12))
                        ],),
                        Column(children: const [
                          Icon(Icons.account_balance_wallet_outlined),
                          Text("待评价",style: TextStyle(fontSize: 12))
                        ],),
                        Column(children: const [
                          Icon(Icons.account_balance_wallet_outlined),
                          Text("退款/售后",style: TextStyle(fontSize: 12))
                        ],),
                      ],),
                      const SizedBox(height: 10,),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("全部订单"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("收货地址"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("电子发票"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("在线客服"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),

                    ],),
                ),
              ),
            ),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20),
              child: Container(
                decoration: const BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(10))
                ),
                child: Padding(
                  padding: const EdgeInsets.all(15),
                  child: Column(crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("服务协议"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("隐私协议"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 10),
                        child: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: const [
                          Text("自制证照"),
                          Icon(Icons.keyboard_arrow_right_sharp),
                        ],),
                      ),

                    ],),
                ),
              ),
            ),








          ],),
        ),
      ),
    );
  }
}